<template>
	<view class="" style="height: 100vh;background-color: #fff;">
		<uv-navbar leftText="北京" :fixed="false" :title="payType" :safeAreaInsetTop="false">
			<template v-slot:right>
				<!--  -->
			</template>
			<template v-slot:left>
				<view class="uv-nav-slot">
					<image src="/static/image/go.png" style="width: 40rpx; height: 40rpx;" mode=""></image>
				</view>
			</template>
		</uv-navbar>
			
			
		<top-heigth></top-heigth>
		<view class="content-box">
			<view class="pay-icon-box">
				<view class="pay-icon">
					<image class="pay-icon-img" src="/static/image/pay-1.png" mode=""></image>
					<view class="pay-icon-font">提交成功</view>
					<view class="pay-but">查看订单</view>
				</view>
			</view>
			<!-- 支付失败 -->
			<!-- <view class="pay-icon-box">
				<view class="pay-icon">
					<image class="pay-icon-img" src="/static/image/pay-2.png" mode=""></image>
					<view class="pay-icon-font">支付失败</view>
					<view class="pay-but">重新支付</view>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
	
	export default {
		data() {
			return {
				payType:'申请售后', 
				
			}
		},
		components: { TopHeigth },
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
	.pay-icon-box{
		@include flex;
		align-items: center;
		justify-content: center;
		.pay-icon{
			margin-top: 280rpx;
			width:220rpx;
			text-align: center;
			.pay-icon-img{
				width: 130rpx;
				height: 130rpx;
			}
			.pay-icon-font{
				font-size: 32rpx;
				color: #333;
				margin-top: 24rpx;
				font-weight: bold;
			}
			.pay-but{
				width: 212rpx;
				height: 64rpx;
				font-size: 26rpx;
				border: 2rpx solid #ccc;
				color: #666;
				text-align: center;
				line-height: 64rpx;
				margin-top: 48rpx;
				border-radius: 8rpx;
			}
		}
	}
</style>
